html,
body {
    min-height: 100%;
    cursor: url("/images/cursor/arrow.cur"), default; /*鼠标指针样式*/

}
::selection {
    background: rgb(172,205,244);

}


::-moz-selection {
    background: rgb(172,205,244);
}
-webkit-scrollbar {display:none}

::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .23)
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, .35)
}

::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, .45)
}

ul {
    margin-left: -40px; /*浏览器默认有40px左偏移值，这是为了消除误差*/
}

li.list-group-item {
    padding: 2px;
    display: inline-block;
    /*具体导航项目*/
    list-style-type: none;
    font-family: 隶书, 楷体, 幼圆,serif;
    /*使大众电脑都有不错的字体效果*/
    font-size: 2em;
    /*醒目而简约*/
    border: 10px solid transparent; /*无此代码可能无边框*/
    border-image: url(../images/ftbg.gif) 50 50 stretch; /*边框效果可能并不美观*/
    -moz-border-image: url(../images/ftbg.gif) 50 50 stretch; /* 老版本的 Firefox */
    -o-border-image: url(../images/ftbg.gif) 50 50 stretch; /* Opera */
    -webkit-border-image: url(../images/ftbg.gif) 50 50 stretch; /* Safari */
}

li.greet {
    border-image: none;
    -moz-border-image: none;
    -o-border-image: none;
    -webkit-border-image: none;
}

#formdestroy {
    display: inline;
}

li a {
    text-decoration: none;
    /*去除下划线*/
}

a:link {
    color: rgb(63, 72, 44);
    /*设置导航项字体颜色*/
}

a:visited {
    color: rgb(170, 170, 170); /*设置访问过的导航项的字体颜色*/
}

a:hover {
    color: rgb(255, 132, 0); /*设置鼠标在导航项上时的字体颜色*/
    cursor: url(http://tzw520.cn/lj.cur), pointer;
}

a:active {
    color: rgb(0, 0, 0); /*设置鼠标点下导航项未弹上时的字体颜色*/
}

.top {
    text-align: center;
    /* background: #fff; */
    vertical-align: text-bottom;
    position: fixed;
    left: 0;
    right: 0;
}

.container {
    margin: 0 auto;
    /*这是为了保证主页面居中*/
    /* background: rgb(245, 245, 245); */
}

.rightnav {
    position: fixed; /*定位*/
    right: 0;
    bottom: 100px;
    z-index: 1;
    width: 50px;
    /*设置宽高*/
    height: 150px;
}

.rightnav .up, .rightnav #gotoleavemessage, .rightnav #code1, .rightnav #mail {
    opacity: 0.4;
    filter: alpha(opacity=40); /* 针对 IE8 以及更早的版本 */
}

.rightnav .up:hover, .rightnav #gotoleavemessage:hover, .rightnav #code1:hover, .rightnav #mail:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* 针对 IE8 以及更早的版本 */
}

.up {
    /*这是书签跳转到页首*/
    cursor: pointer;
    height: 50px;
}

#gotoleavemessage {
    background-repeat: no-repeat;
    background-image: url("../images/messagebubble.png");
    cursor: pointer;
    font-size: 20px;
    line-height: 18px;
    height: 50px;
    width: 100%;
}

#code1 {
    /*这是小二维码，定位*/
    height: 50px;
    /*固定在浏览器靠底部的右边，这样电脑分辨率小也能都能看到*/
    cursor: pointer;
    /*鼠标特殊手型*/
}

#code1 img {
    /*原本想裁剪图片，但是本来就很小，于是便直接固定宽度*/
    width: 50px;
}

#code2 {
    /*这是大的二维码*/
    display: none;
    /*默认不显示*/
    /*z轴*/
    position: fixed;
    /*固定位置*/
    right: 50px;
    bottom: 50px;
}

#mail {
    background-repeat: no-repeat;
    background-image: url("../images/mail.jpg");
    background-size: cover;
    width: 100%;
    cursor: pointer;
    font-size: 20px;
    line-height: 18px;
    height: 50px;
    width: 100%;
}

.foot {
    /*脚注部分*/
    /*文字居中*/
    background: #fff;
    /*背景色与页首同*/
    font-size: 16px;
    text-decoration: none;
    /*去掉特殊文字装饰*/
    margin-top: 30px;
    clear: both;
}



@media (max-width: 630px) {
    li.list-group-item {
        display: block;
    }
}

@media (min-width: 980px) {
    .banner {
        padding-top: 100px;
    }

    #nav-list, #nav-list li {
        float: none;
    }
}
